/* Main Global Layout Settings */
*{ padding:0; margin:0;	outline:none; list-style:none; border: 0 none;}

/* Header */
header#theme-header {
    background:#FFF;
    margin: 20px auto 25px;
    position: relative;
    width:1185px;
    -moz-box-shadow: inset 0 0 2px #FFF, 0 0 5px #cacaca;
    -webkit-box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
    box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
}
header#theme-header:after, 
#signup_form:after, 
#buddypress:after, 
#main-nav:after{
    display: block;
    visibility: hidden;
    clear: both;	
    height: 0;
    content: " ";
}

/* Top Menu Styles */
.top-nav {
    background:#fbfbfb;
    border-top:3px solid #00A652 ;
    border-bottom:1px solid #ececec;
    height:30px;
}
.top-nav .menu-alert{
    float:left;
    color:#666;
    padding:8px 0;
    font-style:italic;
}
.top-nav ul {
    float: left;
}
.top-nav ul li {
    position: relative;
    display: inline-block;
    float: left;
}
.top-nav ul li a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #838383 ;
    padding:0 10px;
    
    text-shadow:0 1px 1px #FFF;
}
.top-nav ul li a:hover {
    color: #000;
}
.top-nav ul ul {
    background: #fbfbfb;
    display: none;
    padding:0;
    position: absolute;
    top: 30px;
    width: 180px;
    z-index: 99999;
    float: left;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.top-nav ul ul li {
    background: none !important;
    border: none !important;
    z-index: 99999;
    min-width: 180px;
}
.top-nav ul ul ul {
    right: auto;
    left: 100%;
    top: 0;
    z-index: 99999;
}
.top-nav ul ul a {
    background: none !important;
    height: auto !important;
    line-height: 1em;
    padding: 10px 10px;
    width: 160px;
    display: block !important;
    margin-right: 0 !important;
    z-index: 99999;
    color: #777!important;
}
.top-nav ul ul li.current-menu-item:after{
    display: none;
}	
.top-nav ul li:hover > a,
.top-nav ul :hover > a ,
.top-nav ul li.current-menu-item a {
    color:#000;
}

.top-nav ul li.current-menu-item:after{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    right:45%;
    border: 4px solid transparent;
    border-top-color: #00A652  ;
}
.top-nav ul ul li:hover > a,	
.top-nav ul ul :hover > a {
    color: #000 !important; 
    padding:10px 5px 10px 15px;	
}
.top-nav ul li:hover > ul {
    display: block;
}



/* Main Nav  */
#main-nav  {
    margin:0 auto;    
    min-height:20px;
    border-bottom:3px solid #00A652  ;
}
#main-nav .container, #main-nav-uber .container{
    position: relative;
}
#top-menu-mob , #main-menu-mob{ 
    display:none; 
}
#main-nav .main-menu{
    float: left !important;
    margin-top: 10px;
    width: 100%;
}
#main-nav  ul li {
    position: relative;
    display: inline-block;
    padding-left: 0.2% !important;
     padding-right: 0.2% !important;
    text-align: left!important ;
}
#main-nav  ul li:first-child,
#main-nav  ul li:first-child a{
    border:0 none;
}
#main-nav  ul li:last-child a{
    border-right:0 none;
}
#main-nav  ul li a {
    display: inline-block;
    position: relative;
    color: #000000;
    padding:0 10px;
}

#main-nav  ul li a:hover {}
#main-nav  ul ul{
    color: #00A652 ;
    display: none;
    padding:0;
    position: absolute;
/*    top: 31px;*/

    z-index: 99999;
    float: left;
    border-top: 2px solid #00A652 ;
    background: #2d2d2d !important;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
#main-nav  ul li.current-menu-item ul,
#main-nav  ul li.current-menu-parent ul,
#main-nav  ul li.current-page-ancestor ul{ 
    top: 52px;
}

#main-nav  ul ul li, 
#main-nav  ul ul li:first-child {
    background: none !important;
    z-index: 99999;
    border:0 none;
    border-bottom: 1px solid #222;
    border-top: 1px solid #383838;
    font-size:12px;
    height:auto;
    margin:0;
}
#main-nav  ul ul li:first-child ,
#main-nav ul li.current-menu-item ul li:first-child,
#main-nav ul li.current-menu-parent ul li:first-child,
#main-nav ul li.current-page-ancestor ul li:first-child { 
    border-top:0 none !important;
}
#main-nav  ul ul ul ,
#main-nav  ul li.current-menu-item ul ul,	
#main-nav  ul li.current-menu-parent ul ul,	
#main-nav  ul li.current-page-ancestor ul ul{
    right: auto;
    left: 100%;	
    top: 0 !important;	
    z-index: 99999;	
}
#main-nav  ul.sub-menu a ,
#main-nav  ul ul li.current-menu-item a,
#main-nav  ul ul li.current-menu-parent a,
#main-nav  ul ul li.current-page-ancestor a{
    border:0 none;
    background: none !important;
    height: auto !important;
    line-height: 1em;
    padding: 10px !important;
    width: 160px;
    display: block !important;
    margin-right: 0 !important;
    z-index: 99999;
    color: #ccc !important;
}
#main-nav  ul li.current-menu-item ul a,
#main-nav  ul li.current-menu-parent ul a,
#main-nav  ul li.current-page-ancestor ul a{ 
    color:#eee !important; 
    text-shadow:0 1px 1px rgba(0,0,0,.6) !important;
}

#main-nav  ul li:hover > a,	
#main-nav  ul :hover > a {	
    color: #00A652  ;
}
#main-nav  ul ul li:hover > a,
#main-nav  ul ul :hover > a {
    color: #FFF !important;	
    padding-left:15px !important;
    padding-right:5px !important;
}
#main-nav  ul li:hover > ul {
    display: block;
}
#main-nav  ul li.current-menu-item,
#main-nav  ul li.current-menu-parent,
#main-nav  ul li.current-page-ancestor{
    margin-top:0;
    height:52px;
    border-left:0 none !important;
}

#main-nav  ul li.current-menu-item ul.sub-menu a, 
#main-nav  ul li.current-menu-item ul.sub-menu a:hover,
#main-nav  ul li.current-menu-parent ul.sub-menu a, 
#main-nav  ul li.current-menu-parent ul.sub-menu a:hover
#main-nav  ul li.current-page-ancestor ul.sub-menu a, 
#main-nav  ul li.current-page-ancestor ul.sub-menu a:hover{
    background: none !important;
}

#main-nav  ul li.current-menu-item a, 
#main-nav ul li.current-menu-item a:hover,
#main-nav  ul li.current-menu-parent a, 
#main-nav ul li.current-menu-parent a:hover,
#main-nav  ul li.current-page-ancestor a, 
#main-nav ul li.current-page-ancestor a:hover{
    background:#00A652 ;
    color:#FFF;
    height:52px;
    line-height:52px;
    border-left:0 none !important;
}
#main-nav  ul.sub-menu li.current-menu-item,
#main-nav  ul.sub-menu li.current-menu-item a,
#main-nav li.current-menu-item ul.sub-menu a,
#main-nav  ul.sub-menu li.current-menu-parent,
#main-nav  ul.sub-menu li.current-menu-parent a,
#main-nav li.current-menu-parent ul.sub-menu a,
#main-nav  ul.sub-menu li.current-page-ancestor,
#main-nav  ul.sub-menu li.current-page-ancestor a,
#main-nav li.current-page-ancestor ul.sub-menu a{
    height:auto !important; 
    line-height: 12px;
}
#main-nav  ul li.menu-item-home a .sub-indicator{ 
    display: none;
}
#main-nav  ul li.menu-item-home.current-menu-item a{
    background-position:center 13px;
}
#main-nav  ul li.menu-item-home ul li a,
#main-nav  ul ul li.menu-item-home  a,
#main-nav  ul li.menu-item-home ul li a:hover{
    background-color:transparent !important;
    text-indent:0;
    background-image:none !important;
    height:auto !important;
    width:auto;
}
#top-menu-mob{
    background: #FFF;
    width: 500px;
    padding: 5px;
    border: 1px solid #ccc;
    height: 26px;
    color:#000;
    margin:2px 0 0 10px;
}
#main-menu-mob{
    background: #222;
    width: 500px;
    padding: 5px;
    border: 1px solid #000;
    color:#DDD;
    height: 27px;
    margin:13px 0 0 10px;
}
body.dark-skin #top-menu-mob{
    background: #222;
    border: 1px solid #000;	
    color:#DDD;
}
.fixed-nav{
    position:fixed;
    top:-5px;
    width:1045px;
    z-index:999;
    opacity:0.9;
    -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
}
body.admin-bar .fixed-nav{top:27px;}

#main-nav ul li.mega-menu{position: static;}
#main-nav ul li .mega-menu-block ul.sub-menu{
    display: none;
    top:0 !important;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 30px 0 30px 30px;
}
#main-nav ul li .mega-menu-block ul.sub-menu ul{
    position: absolute;
    margin: 0;
}
#main-nav ul li.mega-menu .mega-menu-block{
    background: #2d2d2d ;
    display: none;
    padding: 0px 15px 10px 15px;
    position: absolute;
    width: 100%;
    z-index: 99999;
    left:0;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
    border-top: 2px solid #00A652 ;
}
.mega-menu-block a{
    color: #eeeeee !important;
    
}
.mega-menu-block a:hover{
    color: #ffffff !important;
    text-decoration:underline;
}
.mega-menu-item{
    float: left; 
    width: 28%;
    padding: 30px 0 30px 4%;
}
.mega-menu-item.last-column{ 
    padding-right: 4%; 
}
.mega-menu-item img{
    width: 100%; 
    max-width: 100%; 
    height: auto; 
    margin-bottom: 10px; 
    opacity: .8;
}
.mega-menu-item img:hover{
    opacity: 1;
}
#main-nav ul li .mega-menu-item a,
#main-nav ul li.current-menu-parent .mega-menu-item a,
#main-nav ul li.current-menu-parent .mega-menu-item a:hover,
#main-nav ul li.current-menu-item .mega-menu-item a,
#main-nav ul li.current-menu-item .mega-menu-item a:hover{
    display: inline-block;
    height: auto;
    line-height: 20px;
    padding: 0 ;
    border: 0 none;
    background: transparent !important;
}
#main-nav ul > li.parent-list:hover > a:after {
    content:"";
    position:absolute;
    left:20px;
    top:23px; /* ตั้งค่า buttom ใต้เมนู*/
    border-width:0 8px 8px;
    border-style:solid;
    border-color:transparent transparent #00A652 ;
    display:block;
    width:0;
    z-index:999;
}
#main-nav ul > li.current-menu-item.parent-list:hover > a:after {
    top:45px;
}


#main-nav ul ul > li.parent-list:hover > a:after , 
#main-nav ul li .mega-menu-block ul.sub-menu:before{ 
    display: none;
}
#main-nav ul ul ul, 
#main-nav ul li .mega-menu-block ul.sub-menu{ 
    border-top: 0 none;
}

.full-mega-menu .mega-menu-content{width: 100%;}
